<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商品展示</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				
			}
			a{
				display: inline-block;
				width: 310px;
				height: 400px;
				border: 1px solid green;
				margin-right: 10px;
				text-align: center;
				text-decoration: none;
			}
			.box1{
				margin-left: 10px;
			}
			span{
				color: orange;
			}
			p{
				color: #7e7e7a;
			}
			h3{
				color: #000;
			}
		</style>	
	</head>
	<body>
	<a href="#" class="box1">
		<img src="img/tu1.jpg.webp"/>
		<h3>Rsdmi Turbo 3</h3>
		<p>性能旋风，席卷而来</p>
		<span>1999元起</span>
	</a>
	<a href="#" class="box1">
		<img src="img/tu2.jpg.webp"/>
		<h3>Xiaomi 14 Ultra</h3>
		<p>徕卡全明星四摄 | 双向卫星通信 | 小米...</p>
		<span>6999元起</span>
	</a>
	<a href="#" class="box1">
		<img src="img/tu3.jpg.webp"/>
		<h3>Xiaomi Civi 4 Pro</h3>
		<p>徕卡光学Summilux镜头 |5000万徕卡...</p>
		<span>2999元起</span>
	</a>
	<a href="#" class="box1">
		<img src="img/tu4.jpg.webp"/>
		<h3>Redmi K70 Pro</h3>
		<p>第三代骁龙8 年度旌旗平台</p>
		<span>3299元起</span>
	</a>
	</body>
</html>
